<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>云实验室用户登陆</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>云实验室Cloud Laboratory</title>

    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="style/login.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>
  <body>
    <div id="container">
    <img alt="SuperMap" src="" class="logo">
    <div class="bgtop" id="bgtop">
        <div class="bglgin" id="bglgin"> <img src="imgs/bglgin.png"  class="layer" data-depth="1.00"></div>
        <div id="bgcloud">
            <div id="cloud1"  class="layer" data-depth="0.30" ></div>
            <div id="cloud2"   class="layer" data-depth="0.50"></div>
        </div>
    </div>
    <div class="loginFormDiv">
        <div class="loginFormSubDiv">
            <label class="loginlable" data-localize="login_title"></label>
        <form>
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon addon"><img src="imgs/usr.png"></div>
                    <input type="text" name="username" value="123456789@qq.com" class="form-control" id="user" placeholder=""  data-localize="login_user">
                </div>

            </div>
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon addon"><img src="imgs/psw.png"></div>
                    <input type="password"  name="password" value="111111" class="form-control" id="password" placeholder="" data-localize="login_psw" onkeydown="keydown()">
                </div>

            </div>
            <div class="form-group">
                <div class="row">
                    <div class="col-md-7">
                        <div class="checkbox">  <label  data-localize="login_autolg"><input type="checkbox" id="autologin_ckb"> </label></div>
                    </div>
                    <div class="col-md-5">
                        <div class="checkbox" ><a class="pull-right" href="#" data-localize="login_forgotpsw"></a></div>

                    </div>
                </div>
            </div>
            <div class="form-group">
                <input type="button" id="login1" class="btn btn-primary btn-block" data-localize="login_submit"/>
            </div>
        </form>
        </div>
    </div>
    <div class="bgbtm">
       <h6 data-localize="login_copyright"></h6>
    </div>

</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="script/jquery.i18n.properties.min.js"></script>
<script src="script/jquery.i18n.init.js"></script>
<script src="script/parallax.js"></script>
<script src="script/layerui/layer.js"></script>
<script src="script/login.js"></script>
  </body>
</html>
